<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="test09.css" >
</head>
<body>
<!--
目录：
<div>
    <a href='#id1'>第一章</a>
    <a href='#id2'>第二章</a>
    <a href="#id3">第三章</a>

</div>
内容：
<div>
    <p id="id1">第一章内容</p>
    <p>aaaa</p>

    <p id="id2">第二章内容</p>
    <p>bbbb</p>

    <p id="id3">第三章内容</p>
    <p>cccc</p>

    <select>
        <option value="1">上海</option>
        <option value="2">北京</option>
        <option value="3" selected="selected">广州</option>
    </select>
    <select size="3">
        <option>上海</option>
        <option>北京</option>
        <option>广州</option>
    </select>
    <select multiple="multiple" size="4">
        <option>上海</option>
        <option>北京</option>
        <option>广州</option>
        <option>郑州</option>
        <option>平顶山</option>
        <option>漯河</option>
    </select>
    <br/>
    <input />
    <br/>
    <input type="text" maxlength="3"/>
    <input type='password' />
    <input type="checkbox" />
    <br/>
    男：<input type="radio" name="sex"/>
    女：<input type="radio" name="sex"/>
    中：<input type="radio" name="sex"/>

    <input type="button" value="提交" />
    <input type="submit" value="提交" />
    <input type="file" />
    <textarea></textarea>
    <form>
        Name:<input type="text"/>
        <br/><br/>
        pwd:<input type="password" />
        <input type="button" value="提交" />
        <input type="submit" value="提交" />
    </form>
    <label for="name2">姓名：<input id="name2" type="text" ></label>
    <table border="1">
        <tr>
            <th>IP</th>
            <th>IDC</th>
            <th>Status</th>
        </tr>
        <tr>
            <td>IP</td>
            <td>IDC</td>
            <td>Status</td>
        </tr>
        <tr>
            <td>192.168.1.1</td>
            <td>北京</td>
            <td>Online</td>
        </tr>
    </table>
    <table border="1">
        <thead>
        <tr>
            <th>IP</th>
            <th>IDC</th>
            <th>Status</th>
        </tr>
        <tr>
            <td>IP</td>
            <td>IDC</td>
            <td>Status</td>
        </tr>
        <tr>
            <td>192.168.1.1</td>
            <td>北京</td>
            <td>Online</td>
        </tr>
        </thead>
    </table>
    <div class="jpg">

    </div>

    <div style="border:1px solid red;height:49px;
    border-top-style:dashed;">

    </div>
</div>
fixed
relative
absolute
    -->
<!--
    <div style="position:fixed;height:52px;background-color:#333;
    width:100%;top:0px;"></div>

    <div style="margin-top:100px;">
        <div style="width:200px;background-color:#666;
        position:fixed;top:60px;bottom:0;">left</div>
        <div style="margin-left:220px;">
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p><p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p><p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>

            <p>2312fsdfsdf</p><p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>
            <p>2312fsdfsdf</p>









        </div>
    </div>

-->
<!--
<div style="width:220px;position:fixed;top:0;left:0;bottom:0;
background-color:red;">

</div>
-->
<!--
<div style="width:220px;position:absolute;top:0;left:0;bottom:0;
background-color:red;">

</div>
-->

<div style="position: relative;width: 500px;height: 200px;
background-color: #ddd;">
    <div style="width:220px;position:absolute;top:0;left:0;
    bottom:0;background-color:red;">
    </div>
</div>



</body>
</html>